<template>
  <div id="data-view">
    <dv-full-screen-container>
      <topHeader />
      <carousel style="padding: 0 30px" />
    </dv-full-screen-container>
  </div>
</template>

<script>
import topHeader from './dataV/components/topHeader'
// import charts from './content'
// import charts from '@/views/pages/sf'
import carousel from '@/views/pages/carousel.vue'

export default {
  components:
  {
    topHeader,
    carousel
  },
  data () {
    return {}
  },
  created () {
  },
  methods: {
  }
}
</script>

<style lang="less" scoped>

  #data-view {
    width: 100%;
    height: 100%;
    background-color: #030409;
    color: #fff;

    #dv-full-screen-container {
      background-image: url('../../img/bg.png');
      background-size: 100% 100%;
      box-shadow: 0 0 3px blue;
      display: flex;
      flex-direction: column;
    }

  }
</style>
